.flex-c {
	display: flex;
	align-items: center;
}
.flex-c-s { 
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-c-c { 
	display: flex;
	align-items: center;
	justify-content: center;
}

.color-theme {
	color: #F33C72;
}
.color999 { color: #999; }
.color666 { color: #666; }
.fw700 { font-weight: 700;}
.fw600 { font-weight: 600;}

.bottom-wrapper {
	width: 100%;
	background-color: #fff;
	padding: 16rpx 0;
	display: flex;
	align-items: center;
	position: fixed;
	left: 0;
	bottom: 0;
}

.fz48{ font-size: 48rpx; }
.fz32{ font-size: 32rpx; }
.fz30{ font-size: 30rpx; }
.fz28{ font-size: 28rpx; }
.fz26{ font-size: 26rpx; }
.fz24{ font-size: 24rpx; }
.fz22{ font-size: 22rpx; }

.mg24{
	margin: 24rpx;
}
.mb10 { margin-bottom: 10rpx;}
.mb15 { margin-bottom: 15rpx;}
.mb20 { margin-bottom: 20rpx;}
.mb24 { margin-bottom: 24rpx;}
.mb30 { margin-bottom: 30rpx;}

.flex-c-col { 
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.gray-color {
	color: #999999;
}

.flex-c-a { 
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.conteainer-public-style{
	padding: 24rpx;
	background: #ffffff;
	border-radius: 16rpx;
}
.b-b-1{
	border-bottom: 1rpx solid #ededed;
}

.b-r16 { border-radius: 16rpx;}

.public-large-btn {
	width: 702rpx;
	height: 84rpx;
	background: #eb5480;
	border-radius: 41rpx;
	font-size: 28rpx;
	color: #fff;
	line-height: 84rpx;
	text-align: center;
	border: none;
}

.text-flemp1{
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}

.text-flemp2{
	overflow: hidden;
	text-overflow: ellipsis; 
	display: -webkit-box; 
	-webkit-line-clamp: 2; 
	-webkit-box-orient: vertical;
}

.txt-center { text-align: center; }

.text-underline{
	text-decoration: line-through;
}
.linear-gradient{
	background: linear-gradient(180deg,#ffc0d7, rgba(249,222,232,0.00) 96%);
}

.layer-black{
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	z-index: 10;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
}

.customer-service-btn{
	width: 84rpx;
	height: 84rpx; 
	background-color: #fff;
	box-shadow:0rpx 0rpx 20rpx rgba(0,0,0,.3);
	position: fixed;
	right: 24rpx;
	bottom: 50rpx;
	border-radius: 50%;
}

.public-popup {
	background-color: #fff;
	border-radius: 20rpx 20rpx 0 0;
	padding: 24rpx;
	min-height: 300rpx;
}

.ml10{ margin-left: 10rpx;}
.ml15{ margin-left: 15rpx;}
.ml20{ margin-left: 20rpx;}
.ml25{ margin-left: 25rpx;}
.ml30{ margin-left: 30rpx;}

.mr10{ margin-right: 10rpx;}
.mr15{ margin-right: 15rpx;}
.mr20{ margin-right: 20rpx;}
.mr25{ margin-right: 25rpx;}
.mr30{ margin-right: 30rpx;}

.mb10{ margin-bottom: 10rpx;}
.mb15{ margin-bottom: 15rpx;}
.mb20{ margin-bottom: 20rpx;}
.mb25{ margin-bottom: 25rpx;}
.mb30{ margin-bottom: 30rpx;}

.mt10{ margin-top: 10rpx;}
.mt15{ margin-top: 15rpx;}
.mt20{ margin-top: 20rpx;}
.mt25{ margin-top: 25rpx;}
.mt30{ margin-top: 30rpx;}

.pb10{ padding-bottom: 10rpx;}
.pb15{ padding-bottom: 15rpx;}
.pb20{ padding-bottom: 20rpx;}
.pb25{ padding-bottom: 25rpx;}
.pb30{ padding-bottom: 30rpx;}

.pl10{ padding-left: 10rpx;}
.pl15{ padding-left: 15rpx;}
.pl20{ padding-left: 20rpx;}
.pl25{ padding-left: 25rpx;}
.pl30{ padding-left: 30rpx;}


.pr10{ padding-right: 10rpx;}
.pr15{ padding-right: 15rpx;}
.pr20{ padding-right: 20rpx;}
.pr25{ padding-right: 25rpx;}
.pr30{ padding-right: 30rpx;}

.pt10{ padding-top: 10rpx;}
.pt15{ padding-top: 15rpx;}
.pt20{ padding-top: 20rpx;}
.pt25{ padding-top: 25rpx;}
.pt30{ padding-top: 30rpx;}












